<template>
    <div class="user_text">
        <!-- 头部 -->
        <headerView class="text_box">
            <template v-slot:center>
                <span class="user_text">隐私政策</span>
            </template>
        </headerView>
        <!-- 协议内容 -->
        <div>
            <div class="box">
                <p class="text">
                    一、我们如何收集和使用您的个人信息
                </p>
                <p class="text">
                    在您使用我们的产品/服务时，您需要何以选择授权
                    我们收集和使用个人信息的场景包括：
                </p>
                <p class="text">
                    1、为了向您提供我们产品/服务的基本功能，您需
                    要授权我们收集、使用必要信息的情形，如您拒绝提
                    供前述必要信息，您将无法正常使用我们的的产品/
                    服务：

                </p>
                <p class="text">
                    2、为了向您提供我们产品/服务的拓展功能，您可
                    以选择授权我们收集、使用信息的情形，如您拒绝提
                    供前述信息，您将无法正常使用相关附加功或无法
                    实现我们以达到的功效果，但并不会影响您正常使
                    用我们产品/服务的基本功能。
                </p>
                <p class="text">
                    (一)您需要授权我们收集和使用个人信息的场景
                </p>
                <p class="text">
                    我们会遵循正当、合法、必要的原则，出于本政策所
                    述的下列目的收集和使用您的个人信息。
                </p>
                <p class="text">
                    为遵守法律法规的要求，以及向您提供更个性化、更
                    便捷的服务，在您注册成为小默外卖用户时，您需要
                    至少提供手机号码以创建小默外卖账户，并完善相关
                    的网络身份识别信息（如头像、呢称及登录密码
                    等)；如果您仅需使用浏览、搜索等功能，您无需注
                    册成为我们的用户以及提供上述信息。
                </p>
                <p class="text">
                    在提供账户信息的过程中，如果您愿意额外补充如下
                    个人信息，将有助于我们向您提供更为个性化的服
                    务：包括您的性别、生日、常居地、家乡、喜好、家
                    庭信息等。如果您不提供该等信息，不会影响您享受
                    小默外卖服务的基本功能。
                </p>
            </div>
        </div>
    </div>
</template>

<script>
import headerView from "../../components/headerView.vue";
export default {
    components: { headerView }
}

</script>

<style scoped>
.text_box {
    background-color: #f7f9f9;
    color: #000;
}

.user_text {
    color: #000;
    margin: 0 auto;
}

.box {
    width: 90%;
    margin: 0 auto;
}

.text {
    text-align: justify;
    text-justify: inter-ideograph;
    text-indent: 2em;
    font-size: 14px;
}
</style>